﻿@{
    ViewBag.Title = "iStoody - Manager study";
}

@*<div class="hero-unit">
    <h1>Now studying</h1>
    <p>Course name</p>
    <div class="float-right">
        <ul class="nav nav-list">
            <li class="nav-header">Next topics</li>
            <li class="active"><a href="#">Topic 2</a></li>
            <li><a href="#">Biblioteca</a></li>
            ...
        </ul>
    </div>
    <p>
        <div class="btn btn-primary btn-large">
           @Html.ActionLink("See all studys", "StudyingNow")
        </div>
    </p>
</div>*@





<section id="all_matter" class="first-column">

    <div class="line-studybox" id="01">
        <p>Estudando MVC 4 
            <div class="study-actions">
                <i class="icon-pause"></i>
                <i class="icon-stop"></i>
                <i class="icon-play"></i>
            </div>
        </p>
        <p>2 dias restantes</p>
        <p>
            100%
            <div class="progress progress-info progress-striped">
                <div class="bar" style="width: 100%"></div>
            </div>
        </p>
    </div>

    <div class="line-studybox line-alternate" id="01">
        <p>Windows Store Apps <div class="study-actions">
    <i class="icon-pause"></i>
    <i class="icon-stop"></i>
    <i class="icon-play"></i>
</div></p>
        <p>5 dias restantes</p>
        <p>
            90%
            <div class="progress progress-success progress-striped">
                <div class="bar" style="width: 90%"></div>
            </div>
        </p>
    </div>


    <div class="progress progress-warning progress-striped">
        <div class="bar" style="width: 40%"></div>
    </div>
    <div class="progress progress-danger progress-striped">
        <div class="bar" style="width: 10%"></div>
    </div>



</section>

<section class="second-column">
    <table class="table">
        <thead>
            <tr>
                <th>#</th>
                <th>Primeiro name</th>
                <th>Último nome</th>
                <th>Nome do usuário</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Mark</td>
                <td>Otto</td>
                <td>mdo</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>fat</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Larry</td>
                <td>the Bird</td>
                <td>twitter</td>
            </tr>
        </tbody>
    </table>
   
</section>